// 页面加载时显示所有用户信息
getUsers();

$("#btn-add").on("click", function() {
  $("#mymodal").fadeIn(500);
});
$(".close,.btn-close").on("click", function() {
  $("input").val("");
  $("#mymodal").fadeOut(500);
});
$(".btn-save").on("click", function() {
  /*
   判断用户当前点击保存按钮的目的
   1）如果隐藏域的值=-1，说明要增加数据
   2）如果隐藏域的值！=-1，说明要更新数据
   */
  var id = $("#title").val();
  // console.log(id);
  if (id == -1) {
    // console.log('add')
    addUser();
  } else {
    console.log('edite')
    // editeUser(id);
  }
});

// 获取所有用户信息
function getUsers() {
  $.ajax({
    url: "select.php",
    type: "get",
    dataType: "json",
    success: function(res) {
      $("tbody tr").remove();
      $(res).each(function(index, domEle) {
        // console.log(domEle.username)
        var tr = `<tr>
        <td> <input type="checkbox" data-id="${domEle.id}"></td>
           <td>${domEle.id}</td>
           <td>${domEle.title}</td>
           <td>${domEle.content}</td>
           <td>
             <a href="javascript:void 0" data-id="${domEle.id}" class="btn btn-danger del">删除</a>
           </td>
         </tr>`;
        $("tbody").append(tr);
      });
    }
  });
}
// 增加数据
function addUser() {
  var title = $("#title").val();
  var content = $("#content").val();
  // console.log(username, password, name, cellphone)

  $.ajax({
    url: "add.php",
    type: "post",
    dataType: "json",
    data: { title: title, content: content},
    success: function(res) {
      if (res.msg == "ok") {
        $("#mymodal").css("display", "none");
        getUsers();
      } else {
        // 显示错误信息
        $(".alert").css("display", "block");
        $("#mymodal").css("display", "none");
      }
    }
  });
}

// 关闭删除确认框
$("#del_close").on("click", function() {
  $("#del_modal").css("display", "none");
});
var userid = 0;
// 为删除按钮注册单击事件
$("tbody").on("click", ".del", function() {
  $("#del_modal").css("display", "block");
  // 获取当前单击的删除按钮的自定义属性 data-id 的值
  userid = $(this).data("id");
});

// 删除数据
$("#btn_del").on("click", function() {
  // 发送ajax请求，将用户id传递到服务端
  $.ajax({
    url: "del.php",
    type: "get",
    data: { id: userid },
    dataType: "json",
    success: function(res) {
      if (res.msg == "ok") {
        // 重新加载数据
        getUsers();
        $("#del_modal").css("display", "none");
      }
    }
  });
});
// 实现全选和取消全选
$("#ckall").on("click", function() {

  $("tbody input").prop("checked", $(this).prop("checked"));
});
// 批量删除
$("#del_multiple").on("click", function() {
  // 创建数组，用于存储要删除的用户id
  var ids = [];
  // console.log($('tbody :checked').length)
  // 获取所有被选中的tbody 中的 checkbox
  $("tbody :checked").each(function(index, domEle) {
    // console.log($(domEle).data('id'))
    ids.push($(domEle).data("id"));
  });
  // console.log(ids)
  $.ajax({
    url: "multi_delUser.php",
    type: "post",
    data: { user_ids: ids },
    dataType: "json",
    success: function(res) {
      if(res.msg=='ok'){
        getUsers()
      }
    }
  });
});
